<template>
  <view class="news_detail">
    <text class="title">{{detail.title}}</text>
    <view class="info">
      <text>发表时间: {{detail.add_time | formatDate}}</text>
      <text>浏览: {{detail.click}}</text>
    </view>
    <view class="content">
      <rich-text :nodes="detail.content"></rich-text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      id: 0,
      detail: {}
    }
  },
  methods: {
    async getNewsDetail() {
      const res = await this.$myRequest({
        url: '/api/getnew/' + this.id
      })
      console.log(res)
      this.detail = res.data.message[0]
    }
  },
  onLoad(options) {
    this.id = options.id
    this.getNewsDetail()
  }
}
</script>

<style lang="scss">
.news_detail {
  font-size: 30rpx;
  padding: 0 20rpx;
  .title {
    text-align: center;
    width: 710rpx;
    display: block;
    margin: 20rpx 0;
  }
  .info {
    display: flex;
    justify-content: space-between;
  }
}
</style>
